<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/top.css">
    <link rel="stylesheet" href="../css/bottom.css">
    <link rel="stylesheet" href="../css/details.css">
    <script src=https://cdn.bootcss.com/jquery/2.0.0/jquery.js></script>
    <script src="../js/cookie.js"></script>
    <script src="../js/ajax.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- 顶部关闭广搞 -->
        <div class="displaylog">
            <span class="colse">X</span>
        </div>
        <!-- 导航栏 -->
        <div class="list">
            <div class="nav">
                <div class="navleft">
                    <!-- 左侧ul -->
                    <ul>
                        <li>English</li>
                        <li>TCL新闻</li>
                        <li>员工内购</li>
                        <li>企业采购</li>
                        <li>经销商之家</li>
                        <li>雷鸟</li>
                    </ul>
                    <!--微信弹出框  -->
                    <span class="signal">
                        <a class="wx">关注微信公众号</a>
                        <div class="eject">扫一扫关注微信！
                            <img src="../img/wechat.jpg">
                        </div>
                    </span>
                    <!--右侧ul  -->
                    <div class="navright">
                        <ul>
                            <li>购物车
                                <span class="num">(0)</span>
                            </li>
                            <i></i>
                            <li>注册</li>
                            <i></i>
                            <li>登录</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- logo所在行 -->
        <div class="logorow">
            <div class="row">
                <a>
                    <img src="../img/logoT.jpg">
                </a>
                <!-- logo旁边的物品列表 -->
                <div class="articles">
                    <ul>
                        <li>
                            <a>首页</a>
                        </li>
                        <li>
                            <a>电视</a>
                        </li>
                        <li>
                            <a>手机</a>
                        </li>
                        <li>
                            <a>空调</a>
                        </li>
                        <li>
                            <a>冰箱</a>
                        </li>
                        <li>
                            <a>洗衣机</a>
                        </li>
                        <li>
                            <a>健康电器</a>
                        </li>
                    </ul>
                    <i class="bord"> </i>
                </div>
                <!-- 右侧列表 -->
                <div class="articlesright">
                    <i></i>
                    <ul>
                        <li>服务</li>
                        <li>社区</li>
                        <li>积分兑换</li>
                    </ul>
                </div>
                <!-- input搜索框 -->
                <span class="search">
                    <input type="text" placeholder="电视" class="havelist">
                    <span class="inpu">
                        <img src="../img/input.jpg">
                    </span>
                    <ul class="new">
                        <li>新品上市</li>
                        <li>曲面</li>
                        <li>4K</li>
                        <li>变频</li>
                        <li>滚筒</li>
                    </ul>
                </span>
            </div>
            <div class="activelistall">
                <div class="tv1"></div>
                <div class="phone1">2</div>
                <div class="kongtiao1">3</div>
                <div class="bingx1">4</div>
                <div class="xiyiji1">5</div>
                <div class="nice1">6</div>
            </div>

        </div>
    </div>
    <!-- body -->
    <div class="dh">
        <ul>
            <li>TCL官网></li>
            <li>洗衣机 ></li>
            <li>7公斤 全自动波轮洗衣机 一键脱水</li>
        </ul>
    </div>
    <!-- details -->

    <div class="details">
        <div class="odetails">
            <div class="obox1">
                <div class="obox1-1">
                    <img src="../img/0000219988.jpg" data-bigimg="../img/0000219988.jpg">
                </div>
                <div class="obox1-2">
                    <ul>
                        <li>
                            <img src="../img/0000219988.jpg" data-bigimg="../img/0000219988.jpg">
                        </li>
                        <li>
                            <img src="../img/0000219986.jpg" data-bigimg="../img/0000219986.jpg">
                        </li>
                        <li>
                            <img src="../img/0000276297.jpg" data-bigimg="../img/0000276297.jpg">
                        </li>
                        <li>
                            <img src="../img/0000210520.jpg" data-bigimg="../img/0000210520.jpg">
                        </li>

                    </ul>
                </div>
            </div>
            <div class="obox2">
                <div class="ox1">
                    <h1>7公斤 全自动波轮洗衣机 一键脱水</h1>
                    <div class="s">TCL XQB70-36SP智能控制/护衣内筒/10洗涤呈现/一键脱水/7kg
                        <a>收藏</a>
                    </div>
                    <div class="clear"></div>
                    <div class="p">可获79积分</div>
                </div>
                <div class="ox2">
                    <div class="ox2-1">
                        <span class="cx1">促销价：</span>
                        <span class="cx2">799.00元</span>
                        <del class="cx3">原价：899.00元</del>
                        <span class="cx4">手机购买</span>
                    </div>
                </div>
                <div class="ox3">
                    <div class="big">
                        <input type="text" id="text" value="1">
                        <div class="c">
                            <span id="top">︿</span>
                            <span id="bottom">﹀</span>
                        </div>
                    </div>
                    <input type="button" value="立即购买" id="buy">
                    <div class="clear"></div>
                </div>

              
                <div class="ox4">
                       
                    <p>配送至：</p>
                    <span id="dress">请输入地址</span>
                    <span class="sheng"></span>
                    <span class="shi"></span>
                    <span class="zhen"></span>
                    <span>﹀</span>
                    <a>有货</a>
                  
                    <div id="ocards" class="ocards">
                           
                        <div class="sheng1">省</div>
                        <div class="shi1">市</div>
                        <div class="qu1">区</div>
                        <div class="zhen1">镇</div>
                        <p class="clear"></p>
                     
                        <span id="ocard">
                            
                           <a class="dre1"></a>
                           <a class="dre2"></a>
                           <a class="dre3"></a>
                           <a class="dre4"></a>     
                             
                           
                         
                         
                       </span>                   
                     
                    </div>
                   

                </div>
            </div>
        </div>
        <div class="clear"></div>
    </div>
    <!-- 楼层以及多图 -->
    <div class="gou">
        <div class="ogou">

            <span>4E310A</span>
            <span>799.00元</span>
            <del>原价2199元</del>
            <input type="button" value="立即购买" id="car">
            <span>手机购买</span>



        </div>
    </div>
    <div class="low">

        <div class="olow">
            <div class="fud">
                <span></span>
                <li>详情介绍</li>
                <li>规格参数</li>
                <li>服务政策</li>
                <li>常见问题</li>
                <li>晒单评价</li>
            </div>
            <div class="olowo">
                <div class="olowbox">
                    <img src="../img/0000229217.jpg">
                    <img src="../img/0000229218.jpg">
                    <img src="../img/0000229217.jpg">
                    <img src="../img/0000229217.jpg">
                    <img src="../img/0000229221.jpg">
                    <img src="../img/0000229217.jpg">
                    <img src="../img/0000229217.jpg">
                    <img src="../img/0000229217.jpg">
                    <img src="../img/0000229220.jpg">
                    <img src="../img/0000229224.jpg">
                    <img src="../img/0000283158.jpg">
                </div>
            </div>

        </div>
    </div>

    <div class="footer">
        <div class="footbox">
            <ul>

                <li>
                    <span>官</span>
                    <a>官方正品</a>
                </li>
                <li>
                    <span>保</span>
                    <a>全国联保</a>
                </li>
                <li>
                    <span>正</span>
                    <a>全场包邮</a>
                </li>
                <li>
                    <span>品</span>
                    <a>7天为理由退货</a>
                </li>
            </ul>
        </div>
        <div class="footerbox2">
            <dl>
                <dt>帮助中心</dt>
                <dd>
                    <a>购物指南</a>
                </dd>
                <dd>
                    <a>支付方式</a>
                </dd>
                <dd>
                    <a>配送方式</a>
                </dd>
                <dd>
                    <a>交易条款</a>
                </dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd>
                    <a>售后服务</a>
                </dd>
                <dd>
                    <a>自助服务</a>
                </dd>
                <dd>
                    <a>进度查询</a>
                </dd>
            </dl>
            <dl>
                <dt>客户服务</dt>
                <dd>
                    <a>内购平台</a>
                </dd>
                <dd>
                    <a>大宗采购</a>
                </dd>
                <dd>
                    <a>经销商之家</a>
                </dd>
                <dd>
                    <a>十分到家</a>
                </dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd>
                    <a>联系我们</a>
                </dd>
                <dd>
                    <a>官方微博</a>
                </dd>
                <dd>
                    <a>铁粉社区</a>
                </dd>
            </dl>
            <dl>
                <dt>应用服务</dt>
                <dd>
                    <a>雷鸟</a>
                </dd>
                <dd>
                    <a>欢网</a>
                </dd>
                <dd>
                    <a>金融</a>
                </dd>
                <dd>
                    <a>教育</a>
                </dd>
                <dd>
                    <a>全球播</a>
                </dd>
                <dd>
                    <a>智能家居</a>
                </dd>
            </dl>
            <dl>
                <dt>官方微商城</dt>
                <dd>
                    <img src="../img/wechat.jpg">
                </dd>
            </dl>
            <dl class="last-r">
                <p class="ppt">4008-123456</p>
                <p>(24小时在线,仅收市话费)</p>
                <b class="bbt">24小时在线客服
                    <b/>
            </dl>
        </div>
    </div>
    <div class="fo">
        <div class="fooot">
            <div class="foo">
                <div>
                    <a>关于TCL</a>
                    <span>|</span>
                </div>
                <div>
                    <a>投资者关系</a>
                    <span>|</span>
                </div>
                <div>
                    <a>社会责任</a>
                    <span>|</span>
                </div>
                <div>
                    <a>新闻中心</a>
                    <span>|</span>
                </div>
                <div>
                    <a>人才招聘</a>
                    <span>|</span>
                </div>
                <div>
                    <a>成员网站</a>
                </div>
            </div>
            <div class="ff">
                <p>©2010-2016 TCL CORPORATION All Rights Reserved. TCL集团股份有限公司版权所有 粤ICP备05040863号使用条款|法律声明|隐私保护</p>
            </div>
            <div class="laaa">
                <ul>
                    <li>
                        <a>中文简体</a>
                        <span>|</span>
                    </li>
                    <li>
                        <a>English</a>
                    </li>
                    <li>
                        <img src="../img/credibility.png">
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>
<script src="../js/details.js"></script>
<script src="../js/top.js"></script>

<!-- var tvdiv = $("<span/>");
$(tvdiv).appendTo($(".tv1"));
$(tvdiv).css({
    width: "1200px",
    margin: "0 auto",
    display: "block",
    height: "100%"
}) -->